<template>
  <div class="generalize-transit">

    <img src="./server-icon.png" class="server-icon" onclick="return false"/>

    <span class="success-text">恭喜您，已成为蓝聘推广员</span>

    <button class="generalize-detail-btn" type="button" @click="lookQrCode">查看推广二维码</button>
  </div>
</template>

<script>
  import {getUrlKey} from "../../../config/util";

  export default {
    name: "generalizeTransit",
    data() {
      return {
        role: getUrlKey("role"),
        userName: getUrlKey("userName"),
        userUrl: getUrlKey("userUrl"),
        tag: getUrlKey("tag"),//唯一标识
        tagId: getUrlKey("tagId")
      }
    },
    methods: {
      lookQrCode() {
        this.$router.push({
          path: '/generalizeAgent', query: {
            "role": this.role,
            "userName": this.userName,
            "userUrl": this.userUrl,
            "tag": this.tag,
            "tagId": this.tagId,
          }
        });
      }
    }
  }
</script>

<style lang="stylus" scoped>
  @import "../../../assets/stylus/mixin.styl"
  .generalize-transit
    wh(100%, 100%)
    background: #fff
    display: flex
    flex-direction: column
    align-items: center
    .server-icon
      margin-top: 2.293rem
      margin-bottom: 0.333rem
      wh(2.24rem, 2.24rem)
    .success-text
      padding-top: 0.2rem
      padding-bottom: 1.2rem
      font-size: 0.453rem
      color: rgba(102, 102, 102, 1)
    .generalize-detail-btn
      width: 5.333rem
      height: 1.147rem
      border: 0.027rem solid #3CAFFF
      border-radius: 0.573rem
      font-size: 0.453rem
      color: #3CAFFF
      background: #fff
</style>
